<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>和茶网</title>
    <link rel="shortcut icon" href="../images/favicon.ico" type="x-icon">
    <link rel="stylesheet" href="../styles/bootstrap.min.css">
    <link rel="stylesheet" href="../styles/reset.css">
    <link rel="stylesheet" href="../styles/main.css">
    <!--[if lt IE 9]>
  <!--html5shiv.js 实现html语义化标签的支持-->
    <script src="../scripts/html5shiv.js"></script>
    <!--respond.js实现响应式布局的支持，包括媒体查询等-->
    <script src="../scripts/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!--======================================工具栏=======================================-->
<section class="toolbar">
    <div class="container">
        <ul class="leftBar toolbar-left">
            <li><a href="javascript:void (0)">收藏</a></li>
            <li><span>|</span></li>
            <li><span>欢迎！</span></li>
            <li><a href="javascript:void (0)">登录</a></li>
            <li><a href="javascript:void (0)">快速注册</a></li>
        </ul>
        <ul class="rightBar toolbar-right">
            <li class="shop-car"><a href="javascript:void (0)">购物车0件</a><i class="caret"></i></li>
            <li><a href="javascript:void (0)">我的和茶</a></li>
            <li><a href="javascript:void (0)">我的订单</a></li>
            <li><a href="javascript:void (0)">关于和茶</a></li>
            <li><a href="javascript:void (0)">帮助</a></li>
            <li><a href="javascript:void (0)">茶百科</a></li>
            <li><span>|</span></li>
            <li class="two-code"><a href="javascript:void (0)">&nbsp;</a></li>
        </ul>
    </div>
</section>

<!--======================================logo区=======================================-->
<header class="container">
    <div class="logoArea leftBar">
        <h1>
            <a class="logo" href="javascript:void (0)">
                <img src="../images/logo.png" alt="和茶网">
                <span class="logo_text">和茶网</span>
            </a>
        </h1>
    </div>
</header>

<!--=======================================购物车开始====================================-->
<section class="carts">
        <div class="container">
            <div class="title clearfix">
                <h3>我的购物车</h3>
                <span>已选商品(不含运费)：<strong>￥69.00</strong> <a href="javascript: void (0)">结算</a></span>
            </div>
            <div class="cart-box clearfix">
                <table class="col-xs-12 clearfix">
                    <tr class="no-h">
                        <td class="len-lg">选择</td>
                        <td class="len-sm no-see">单价(元)</td>
                        <td class="len-sm no-see">优惠(元)</td>
                        <td class="len-sm">数量</td>
                        <td class="len-sm">金额(元)</td>
                        <td class="len-sm">操作</td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../images/good.JPG" alt="">
                            <span class="img_title"><a href="javascript: void (0)">【滋恩】一级正山小种 圆罐装 50g</a></span>
                        </td>
                        <td class="no-see">
                            <p><del>88.00</del></p>
                            <p>32.00</p>
                        </td>
                        <td class="no-see">
                            <p>56.00</p>
                            <p class="discount"><span> &nbsp;3.6折&nbsp; </span></p>
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox">
                            <img src="../images/good.JPG" alt="">
                            <span><a href="javascript: void (0)">【滋恩】一级正山小种 圆罐装 50g</a></span>
                        </td>
                        <td class="no-see">
                            <p><del>88.00</del></p>
                            <p>32.00</p>
                        </td>
                        <td class="no-see">
                            <p>56.00</p>
                            <p class="discount"><span> &nbsp;3.6折&nbsp; </span></p>
                        </td>
                        <td>
                            <input type="number" value="1">
                        </td>
                        <td>
                            <p><strong>32.00</strong></p>
                        </td>
                        <td>
                            <a class="close-bg" href="javascript: void (0)">&times;</a>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="carts-b clearfix">
                <div class="clearfix">
                    <div class="chose-pro">
                        <p class="leftBar">
                            <input type="checkbox">全选
                        </p>
                        <p class="leftBar">
                            <input type="checkbox">清楚全部
                        </p>
                    </div>
                    <p class="rightBar">
                        商品总价(不含运费)：
                        <strong>￥32.00</strong>
                    </p>
                </div>
                <div class="buy_box clearfix">
                    <a class="go_shop" href="javascript: void (0)">继续购物</a>
                    <a class="go_plus" href="javascript: void(0)">结算</a>
                </div>
            </div>
        </div>
    </section>
<!--===========================================售后服务==============-->

<!--===========================================猜你喜欢==================================-->
<section class="likes">
    <div class="container">
        <ol class="package-title">
            <li class="on">根据浏览猜你喜欢</li>
        </ol>

        <ul class="good_package clearfix">
            <li>
                <a href="javascript: void (0)">
                    <img src="../images/goods.JPG" alt="">
                    <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>
            <li>
                <a href="javascript: void (0)">
                    <img src="../images/goods1.JPG" alt="">
                    <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>
            <li>
                <a href="javascript: void (0)">
                    <img src="../images/goods2.JPG" alt="">
                    <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>
            <li>
                <a href="javascript: void (0)">
                    <img src="../images/goods3.JPG" alt="">
                    <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>
            <li>
                <a href="javascript: void (0)">
                    <img src="../images/goods4.JPG" alt="">
                    <p>2016新茶 特级明前五星-致远-西湖龙井单罐50g</p>
                </a>
                <p class="price"> ￥69.00<del>￥228.00</del></p>
            </li>

        </ul>
    </div>
</section>

<!--===========================================售后服务=============================-->
<section class="sale-nav">

        <div class="main-nav clearfix">
            <div class="container">
                <p class="col-md-3 col-sm-3 nav_1">100%原产地茶</p>
                <p class="col-md-3 col-sm-3 nav_2">无理由退换货</p>
                <p class="col-md-3 col-sm-3 nav_3">400城市货到付款</p>
                <p class="col-md-3 col-sm-3 nav_4">支付宝签约商家</p>
            </div>
        </div>
        <div class="small-nav clearfix">
            <div class="container">
                <div class="small-nav-1 clearfix">
                    <div class="small-nav-top col-md-9 col-sm-9">
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>购物指南</strong></li>
                            <li><a href="javascript: void (0)">账号自助服务</a></li>
                            <li><a href="javascript: void (0)">新用户注册</a></li>
                            <li><a href="javascript: void (0)">怎样下订单</a></li>
                            <li><a href="javascript: void (0)">注册常见问题</a></li>
                        </ol>
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>支付方式</strong></li>
                            <li><a href="javascript: void (0)">支付方式</a></li>
                            <li><a href="javascript: void (0)">在线支付介绍</a></li>
                            <li><a href="javascript: void (0)">汇款单招领</a></li>
                        </ol>
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>配送说明</strong></li>
                            <li><a href="javascript: void (0)">运费说明</a></li>
                            <li><a href="javascript: void (0)">配送方式</a></li>
                            <li><a href="javascript: void (0)">配送范围</a></li>
                        </ol>
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>售后服务</strong></li>
                            <li><a href="javascript: void (0)">退换货流程</a></li>
                            <li><a href="javascript: void (0)">服务保障承诺</a></li>
                            <li><a href="javascript: void (0)">验货与签收</a></li>
                        </ol>
                        <ol class="col-md-2 col-sm-2">
                            <li><strong>常见问题</strong></li>
                            <li><a href="javascript: void (0)">账号密码问题</a></li>
                            <li><a href="javascript: void (0)">缺货登记</a></li>
                            <li><a href="javascript: void (0)">茶叶百科</a></li>
                        </ol>
                    </div>
                    <div class="col-md-3 col-sm-3 service"><img src="../images/fot_tel.png" alt="服务热线"></div>
                </div>
                <div class="small_nav_bottom">
                    <p class="about-heTEA">
                        <a href="javascript: void (0)">和茶网首页</a>
                        <a href="javascript: void (0)">关于和茶</a>
                        <a href="javascript: void (0)">帮助中心</a>
                        <a href="javascript: void (0)">交易条款</a>
                        <a href="javascript: void (0)">诚征英才</a>
                        <a href="javascript: void (0)">联系我们</a>
                    </p>
                    <p class="links">
                        <a class="defer" href="javascript: void (0)">友情链接</a>
                        <a href="javascript: void (0)">乌龙茶</a>
                        <a href="javascript: void (0)">绿茶</a>
                        <a href="javascript: void (0)">普洱茶</a>
                        <a href="javascript: void (0)">黑茶</a>
                        <a href="javascript: void (0)">村村通商城</a>
                        <a href="javascript: void (0)">土地资源网</a>
                        <a href="javascript: void (0)">在昆明</a>
                    </p>
                </div>
            </div>
        </div>
        <!--===========================================版权区=============================-->
        <div class="copyRight clearfix">
            <div class="container">
                <div class="leftBar">
                    <p>Copyright &copy; 2009-2015 hecha.cn All Rights Reserved. 闽ICP证：闽10202223-1号</p>
                    <p>福建和茶网络科技有限公司 版权所有 并保留所有权利 禁止非法复制</p>
                </div>
                <div class="rightBar">
                    <img src="../images/fot_ico1.png" alt="">
                    <img src="../images/fot_ico2.png" alt="">
                </div>
            </div>
        </div>
    </section>
<!---==========================================侧边栏=================================-->
<section class="sidebar">
        <ol>

            <li>
                <a class="closed" href="javascript: void (0)"><img src="../images/ico6.png" alt="close"/></a>
                <a class="return" href="javascript: void (0)"><img src="../images/ico5.png" alt="top"/>顶部</a>
            </li>

            <li class="vip">
                <a href="javascript: void (0)"><img src="../images/ico0.png" alt="vip"/>会员</a>
                <div class="sidebar-login">
                    <form>
                        <h3 class="clearfix">
                            <strong>用户登录</strong>
                            <em><a href="javascript: void (0)">新用户注册</a></em>
                        </h3>
                        <div class="login-user">
                            <label for="username">用户名</label>
                            <input type="text" id="username"/>
                            <i>手机/邮箱</i>
                        </div>
                        <div class="login-password">
                            <label for="password">密码</label>
                            <input type="password" id="password"/>
                            <i><a href="javascript: void (0)">找回密码</a></i>
                        </div>
                        <input type="submit" value="用户登录"/>
                        <h6>您还可以使用合作网站账号登录：</h6>
                        <div class="login-ways">
                            <a href="javascript: void (0)">支付宝</a>
                            <a href="javascript: void (0)">新浪微博</a>
                            <a href="javascript: void (0)">QQ</a>
                            <a href="javascript: void (0)">微信登录</a>
                        </div>
                    </form>
                </div>
            </li>
            <li><a href="javascript: void (0)"><strong id="rcart">0</strong><img src="../images/ico3.png" alt="cart"/></a></li>
            <li><a class="seen" href="javascript: void (0)"><img src="../images/ico1.png" alt="seen"/>看过</a></li>
            <li><a class="sort" href="javascript: void (0)"><img src="../images/ico2.png" alt=""/>收藏</a></li>
        </ol>
        <div class="showbar"><a href="javascript: void (0)"><img src="../images/ico7.png" alt=""/></a></div>
    </section>


<script src="../scripts/jquery-1.11.1.min.js"></script>
<script src="../scripts/bootstrap.min.js"></script>
<script src="../scripts/main.js"></script>

</body>
</html>